/*---START mobile---*/
@media all and (max-width: 767px) {
	
	
/*---Header---*/

.top{width:100%;height:auto;float:left;background:none;float:left;overflow:hidden;padding:0px 0px 30px 0px;border-bottom:4px solid #ddd;border-top:4px solid #0065CC}
.header{width:100%;height:auto;background:#fff;float:left;border-bottom:6px solid #D8D8D8}
.top_container{width:100%;height:auto;margin:0px auto}
.top_container p{display:block;margin:0px 0px 10px 0px;padding:0px;height:auto;line-height:30px;color:#666;float:left;width:100%;text-align:center}
.logo a{width:268px;height:133px;background:url(../images/logo.png)no-repeat;display:block;text-indent:-9999px;padding:0px;margin:35px auto 0px auto;float:none}



.social-media{width:144px;height:50px;float:none;margin:0px auto}
.social-media ul{display:block;margin:0px;padding:0px;}
.social-media ul li a{display:block;margin:0px;padding:0px;float:left;margin:0px 4px}

.facebook a{width:38px;height:50px;background:url(../images/icon/facebook.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #3A589B;border-right:2px solid #3A589B;transition-duration:0.3s}
.facebook a:hover{border-left:2px solid #2E4478;border-right:2px solid #2E4478}

.twitter a{width:38px;height:50px;background:url(../images/icon/twitter.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #598DCA;border-right:2px solid #598DCA;transition-duration:0.3s}
.twitter a:hover{border-left:2px solid #B5CCE8;border-right:2px solid #B5CCE8}

.youtube a{width:38px;height:50px;background:url(../images/icon/youtube.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #CF3427;border-right:2px solid #CF3427;transition-duration:0.3s}
.youtube a:hover{border-left:2px solid #7E2018;border-right:2px solid #7E2018}


.action_bar{width:100%;height:50px;float:right;margin:0px 0px 0px 0px}
.action_bar h1{display:block;margin:10px 0px 0px 0px;padding:0px;line-height:30px;font-size:14px;color:#666;float:left;font-weight:600;text-align:center;width:100%;}
.action_bar h1:before{display:block;margin:15px auto 12px auto;padding:0px;float:none;content:"";background:url(../images/icon/phone1.png)no-repeat;width:20px;height:20px;display:none}

.action_bar h2{display:block;margin:0px;padding:0px;line-height:30px;font-size:14px;color:#666;float:left;font-weight:600;text-align:center;width:100%;overflow:hidden}
.action_bar h2:before{display:block;margin:15px auto 12px auto;padding:0px;float:none;content:"";background:url(../images/icon/call.png)no-repeat;width:20px;height:20px;display:none}

.action_bar span{display:block;margin:8px 20px 8px 40px;padding:0px;float:left;background:url(../images/lines.png)no-repeat;width:8px;height:34px;display:none}


.mmenu a{width:100%; height:50px;  cursor:pointer; line-height:50px; background:#333; display:block;float:left;margin:40px 0px 0px 0px}
.mmenu a h4{font-size:18px; color:#fff; font-weight:500; margin:0; margin-left:25px; height:50px; line-height:50px; float:left;}
.mmenu a:after{width:34px; height:19px; float:right; margin-right:20px; margin-top:15px; content:""; background:url(../images/icon/list.png) no-repeat;}

.menu{width:100%;float:right;height:auto;margin:0px 0px 0px 0px;position:relative;left:0;background:#0166CC}
.menu>ul{display:block;margin:0px;padding:0px;display:none}
.menu>ul>li>a{display:block;margin:0px;padding:0px 0px;float:left;font-size:15px;color:#fff;font-weight:500;line-height:50px;transition-duration:0.1s;width:100%;text-indent:15px;border-bottom:1px solid #0157AD}
.menu>ul>li>a:hover{color:#fff;border-bottom:1px solid #0152A3;background:#0157AD}
.menu span{display:block;margin:0px 0px 0px 4px;padding:0px;float:left;background:url(../images/line.png)no-repeat;width:11px;height:86px;display:none}

.menu>ul> li> ul:before{content:""; width:20px; height:9px;  position:relative; z-index:666; display:none; background:url(../images/arrow.png) no-repeat; margin:-9px 0px 0px 15px}
.menu>ul> li:hover ul:before{display:block;}
.menu>ul> li> ul {display:none;width:100%; position:relative; z-index:11; top:0px; left:0px;float:left;transition-duration:0.8s;padding:0px 0px 10px 0px;background:#00B085;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.menu>ul> li:hover ul{display:block;}
.menu>ul> li> ul> li{width:100%; list-style:none;}
.menu>ul> li> ul> li> a{display:block; height:40px; line-height:40px; color:#fff; font-size:14px;margin-top:5px;cursor:pointer;border-bottom:1px solid #009D76}
.menu>ul> li> ul> li> a:before{content:""; width:10px; height:10px; margin:16px 10px 0px 10px; float:left; background:url(../images/menus.png)no-repeat;transition-duration:0.3s}
.menu>ul> li> ul> li> a:hover{ color:#fff;border-bottom:1px solid #fff}
.menu>ul> li> ul> li> a:hover:before{background:url(../images/menus.png)0px -10px no-repeat;}



.left  span{background:url(../images/icon/lefts.png)no-repeat; width:36px; height:36px; position:absolute;  left:30px; top:46%; z-index:555; }
.right span{background:url(../images/icon/rights.png)no-repeat; width:36px; height:36px; position:absolute;  right:30px; top:46%; z-index:555;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;height:250px!important;
}
.contact ul li.adres{display:block;margin:0px;padding:0px 0px 0px 0px;font-size:15px;color:#333;float:left;height:50px;line-height:20px}
.contact ul li.adres:before{display:block;margin:4px 15px 15px 15px;padding:0px;float:left;width:30px;height:30px;content:"";background:url(../images/icon/location.png)no-repeat}

/*---Content---*/

.reset{width:100%;height:auto;float:left}
.container{width:100%;height:auto;margin:20px 0px 0px 0px;float:left;z-index:2;padding:0px;position:relative;overflow;hidden}


/*---Slider Bottom---*/

.bottom{width:100%;height:auto;margin:0px auto 30px auto;position:relative;z-index:11;padding:0px;display:none}

.center{width:50px;height:20px;margin:0px auto;overflow:hidden;display:none}
.center span{display:block;margin:0px;padding:0px;display:none}

.nright a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #ccc;border-radius:50px;display:none}
.nright a:hover{border:2px solid #0153A5}

.nleft a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #0153A5;border-radius:50px;display:none}
.nleft a:hover{border:2px solid #0153A5}

/*---CAROUSEL---*/

.bottoms{width:246px;height:auto;margin:0px auto 30px auto;position:relative;z-index:11;padding:0px;display:block}
.bottoms ul{display:block;margin:0px;padding:0px;overflow:hidden}
.bottoms ul li{display:block;margin:0px auto 20px auto;padding:0px;width:246px;height:390px;float:none;overflow:hidden}
.bottoms ul li a{display:block;margin:0px auto 20px auto;padding:0px;width:246px;height:390px;background:#FBFBFB;float:none;border:1px solid #CCCCCC}
.bottoms ul>li>a>img{display:block;padding:0px;margin:12px auto 0px auto;width:218px;height:166px;position:relative;z-index:10;overflow:hidden}
.icon-hizmet{width:50px;height:50px;border:2px solid #fff;border-radius:50px;background:#0153A5;position:relative;z-index:11;margin:-25px auto 10px auto}
.icon-hizmet>img{width:30px;height:30px;display:block;margin:10px auto;padding:0px;}
.bottoms ul li a h1{display:block;padding:0px;margin:0px;font-size:17px;color:#2A4675;margin:0px 0px 0px 0px;font-weight:600;text-align:center}
.bottoms ul li p{display:block;padding:0px;font-size:14px;color:#444;margin:10px auto 0px auto;font-weight:500;width:220px;overflow:hidden;height:64px;text-align:center}
.bottoms ul li a h5{width:150px;height:40px;background:url(../images/detay.png)repeat-y;margin:10px auto;line-height:40px;color:#fff;font-size:13px;font-weight:600;text-indent:10px;border-radius:4px;transition-duration:0.3s}
.bottoms ul li a h5:after{width:13px;height:17px;background:url(../images/icon/arrow.png)no-repeat;content:"";float:right;margin:10px 6px}
.bottoms ul li a h5:hover{background:url(../images/detays.png)repeat-y}

.centers{width:140px;height:20px;margin:0px auto;overflow:hidden;display:block;}
.centers span{display:block;margin:0px;padding:0px;display:block}

.nrights a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #ccc;border-radius:50px}
.nrights a:hover{border:2px solid #0153A5}

.nlefts a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #0153A5;border-radius:50px}
.nlefts a:hover{border:2px solid #0153A5}


/*---Colored---*/


.colored{width:100%;height:auto;background:none;float:left;margin:0px 0px 20px 0px;overflow:hidden}
.colors{width:100%;height:auto;margin:0px auto;padding:0px}
.blog{width:100%;float:left;margin:0px 0px  20px 0px;background:url(../images/blue.png)repeat}
.blog h1{display:block;margin:40px auto 10px auto;padding:0px;color:#fff;font-weight:600;font-size:26px;text-align:center;width:98%}
.blog>p{display:block;margin:0px auto 20px auto;padding:0px;color:#fff;font-weight:500;font-size:14px;text-align:Center;overflow:hidden;width:98%}
.blog>p:after{display:block;padding:0px;content:"";margin:20px auto;width:120px;height:3px;background:#fff}

.blog ul{display:block;margin:0px;padding:0px}
.blog ul li a{display:block;margin:0px 0px 20px 0px;padding:0px 0px 10px 0px;width:100%;border-bottom:1px solid #34628B;}
.blog ul li a:hover{border-bottom:1px solid #98BAD8}
.blog-photo{width:115px;height:96px;background:url(../images/blog.png)no-repeat;float:none;margin:0px auto 0px auto}
.blog-photo img{width:98px;height:77px;float:left;display:block;padding:0px;margin:9px 8px}
.blog ul li a h1{display:block;margin:10px auto;padding:0px;font-size:16px;color:#fff;float:left;width:98%;text-align:center}
.blog ul li a p{display:block;margin:0px auto;padding:0px;font-size:14px;color:#fff;width:98%;text-align:center}

.blog-detay a{height:50px; color:#fff; line-height:46px; padding:0px 0px;display:block;margin:30px auto 20px auto;width:170px;border:2px solid #fff;background:none;font-weight:600;border-radius:4px;transition-duration:0.2s;text-align:center}
.blog-detay a:hover{background:#fff;border:2px solid #0C3A69;color:#0C3A69;}


.teklif{width:100%;float:left;margin:0px 0px  20px 0px;background:url(../images/green.png)repeat;padding:0px 1%}

.teklif h1{display:block;margin:40px 0px 10px 0px;padding:0px;color:#fff;font-weight:600;font-size:26px;text-align:center}
.teklif>p{display:block;margin:0px 0px 20px 0px;padding:0px;color:#fff;font-weight:500;font-size:14px;text-align:Center;overflow:hidden}
.teklif>p:after{display:block;padding:0px;content:"";margin:20px auto 0px auto;width:120px;height:3px;background:#fff}
.forms{width:100%;height:auto;}

.fboxbutton{height:50px; color:#fff; line-height:46px; padding:0px 0px;display:block;margin:0px auto 20px auto;float:none;width:170px;border:2px solid #fff;background:none;font-weight:600;border-radius:4px;transition-duration:0.2s;text-align:center;}
.fboxbutton:hover{background:#fff;border:2px solid #0A8365;color:#077A5E;cursor:pointer}


.galeries{width:98%;height:auto;margin:0px auto;overflow:hidden}
.galeries h1{display:block;margin:40px 0px 10px 0px;padding:0px;color:#333;font-weight:600;font-size:26px;text-align:center}
.galeries>p{display:block;margin:0px 0px 20px 0px;padding:0px;color:#333;font-weight:500;font-size:14px;text-align:Center;overflow:hidden}
.galeries>p:after{display:block;padding:0px;content:"";margin:20px auto;width:120px;height:3px;background:#333}

.gallerys a{width:200px;height:50px;border:2px solid #0052A5;margin:30px auto 40px auto;border-radius:4px;text-align:center;color:#333;font-size:15px;font-weight:600;line-height:44px;display:block;transition-duration:0.3s;overflow:hidden}
.gallerys a:hover{border:2px solid #0052A5;border-radius:4px;color:#fff;background:#0052A5;}




.footer{width:100%;height:auto;background:url(../images/blue.png)repeat;float:left;margin:20px 0px 0px 0px}
.footers{width:100%;height:auto;margin:0px auto}

.f-column1{width:100%;height:260px;float:left}
.f-logo a{width:268px;height:84px;float:none;display:block;margin:60px auto 20px auto ;padding:0px;background:url(../images/f-logo.png)no-repeat;text-indent:-9999px}
.f-column1 p{width:96%;height:auto;display:block;margin:0px auto;padding:0px;font-size:13px;color:#ACD2F9;text-align:center}


.f-column2{width:250px;height:250px;float:left;margin:30px 12px 10px 12px;padding:0px 25px;border-right:1px solid #0D4277;display:none}
.f-column2 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column2 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column2 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column2 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column2 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column2 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.f-column3{width:230px;height:250px;float:left;margin:30px 12px 10px 12px;border-right:1px solid #0D4277;padding:0px 25px;display:none}
.f-column3 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column3 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column3 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column3 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column3 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column3 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.f-column4{width:250px;height:250px;float:none;padding:0px 0px;margin:30px auto 10px auto;border:1px solid red;overflow:hidden;display:none}
.f-column4 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column4 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column4 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column4 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column4 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column4 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.footer-bottom{width:100%;height:130px;margin:0px auto 0px auto;float:left}
.footer-bottom p{display:block;margin:0px 0px;padding:0px;font-size:13px;color:#ccc;line-height:30px;float:none;text-align:center}


.mornet a{width:115px;height:37px;background:url(../images/mornet.png)no-repeat;float:none;display:block;margin:26px auto 0px auto;padding:0px;text-indent:-9999px;transition-duration:0.3s}
.mornet a:hover{background:url(../images/mornet.png)0px -37px no-repeat;}






/* ---------------------- SAYFA İÇLERİ ------------------------------------------------------ */


.subheader{width:100%;height:auto;background:url(../images/subheader.png)no-repeat center center;float:left;border-bottom:6px solid #D8D8D8;padding:0px 0px}
.subheaders{width:100%;height:auto;margin:0px auto}
.subheaders h1{display:block;margin:0px;padding:30px 0px 50px 0px;line-height:30px;color:#fff;font-weight:600;font-size:28px;float:left;width:94%;text-align:Center}
.subheaders h1:before{display:block;margin:20px auto 20px auto;padding:0px;width:30px;height:30px;background:url(../images/icon/home.png)no-repeat;content:"";float:none}


.page{width:96%;height:auto;margin:0px auto 20px auto}

.sidebar{width:270px;height:auto;margin:0px auto 30px auto;float:none;background:#0065CC;padding:10px;overflow:hidden}

.side-tittle{width:100%;height:60px;float:left;background:#005BB7}
.side-tittle h1{display:block;margin:0px;padding:0px;font-size:22px;font-weight:600;color:#fff;line-height:60px;float:left;}
.side-tittle h1:before{display:block;margin:0px;padding:0px;background:url(../images/icon/hizmet.png)no-repeat;content:"";float:left;width:26px;height:26px;margin:17px}

.sidebar ul{display:block;margin:0px;padding:0px}
.sidebar ul li{display:block;margin:0px;padding:0px;width:100%;height:46px;float:left;border-bottom:1px solid #0052A4;transition-duration:0.3s}
.sidebar ul li:hover{border-bottom:1px solid #C4E1FF}
.sidebar ul li a{display:block;margin:0px;padding:0px;color:#fff;font-size:14px;line-height:46px;float:left}
.sidebar ul li a:hover{color:#C4E1FF}
.sidebar ul li a:before{display:block;margin:18px 10px 6px 6px;padding:0px;background:url(../images/icon/side.png)no-repeat;content:"";width:10px;height:10px;float:left;transition-duration:0.3s}
.sidebar ul li a:hover:before{background:url(../images/icon/side.png)0px -10px no-repeat;}

.content{width:100%;height:auto;float:left;margin:20px 0px 40px 0px}
.content p{display:block;margin:0px;padding:0px;line-height:26px}
.content li{line-height:30px}



.blog-list {width:100%;height:auto;float:left;margin:0px;padding:0px}
.blog-list ul{display:block;margin:30px 0px 0px 0px;padding:0px;}
.blog-list ul li a{display:block;margin:20px auto 20px auto;padding:0px 0px 10px 0px;border-bottom:1px solid #ccc;float:left;width:100%}
.blog-list ul li a:hover{border-bottom:1px solid #98BAD8}
.blog-list-photo{width:115px;height:96px;background:url(../images/blog-list.png)no-repeat;float:none;margin:0px auto 0px auto}
.blog-list-photo img{width:98px;height:77px;float:left;display:block;padding:0px;margin:9px 12px 9px 6px}
.blog-list ul li a h1{display:block;margin:10px 0px 10px 0px;padding:0px;font-size:18px;color:#005CB9;float:left;width:100%;text-align:center;font-weight:600}
.blog-list ul li a p{display:block;margin:0px auto;padding:0px;font-size:13px;color:#333;width:96%;text-align:center}




.blog-ic{width:100%;height:auto;float:left;margin:0px 0px 30px 0px}
.blog-ic img{float:left;display:block;margin:20px 0px;width:100%;height:auto;border:6px solid #d8d8d8}
.blog-ic h5{display:block;margin:20px 0px;padding:0px;width:100%;font-size:16px;font-weight:600;color:#005CB9}
.blog-ic p{display:block;margin:0px;padding:0px;width:100%;font-size:14px;font-weight:500;color:#444}


.contact{width:100%;height:auto;margin:0px;padding:0px;}
.contact h1{display:block;margin:0px 20px 20px 0px;padding:0px;width:100%;height:auto;font-size:24px;font-weight:600;color:#333}

.contact ul{display:block;margin:0px 0px 20px 0px;padding:0px;float:left;width:100%;}
.contact ul li{display:block;margin:0px;padding:0px;float:left;width:100%;border-bottom:1px solid #d8d8d8;height:60px;line-height:60px}


.adres{display:block;margin:0px;padding:0px;font-size:15px;color:#333;float:left}
.adres:before{display:block;margin:15px;padding:0px;float:left;width:30px;height:30px;content:"";background:url(../images/icon/location.png)no-repeat}


.tel{display:block;margin:0px;padding:0px;font-size:15px;color:#333;float:left}
.tel:before{display:block;margin:15px;padding:0px;float:left;width:30px;height:30px;content:"";background:url(../images/icon/tel.png)no-repeat}

.gsm{display:block;margin:0px;padding:0px;float:left;font-size:15px;color:#333}
.gsm:before{display:block;margin:15px;padding:0px;float:left;content:"";background:url(../images/icon/tels.png)no-repeat;width:30px;height:30px;}

.email{display:block;margin:0px;padding:0px;float:left;font-size:15px;color:#333}
.email:before{display:block;margin:15px;padding:0px;float:left;content:"";background:url(../images/icon/mails.png)no-repeat;width:30px;height:30px;}






/* ---------------------- ANASAYFA GALERİ ------------------------------------------------------ */

            .demo-gallery {
              margin-bottom: 0; margin:20px auto 20px auto; padding:0;width:98%;display:block
            }



            .demo-gallery > ul {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block
            }
            .demo-gallery > ul > li {
                float: left;
                margin:2px 1% 6px 1%;
                width: 46%;
				height:150px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:150px;
            }




/* ---------------------- SAYFA GALERİ ------------------------------------------------------ */

            .demo-gallerys {
              margin-bottom: 0; margin:20px auto 20px auto; padding:0;width:100%;display:block
            }



            .demo-gallery > ul {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block
            }
            .demo-gallerys > ul > li {
                float: left;
                margin:2px 1% 6px 1%;
                width: 46%;
				height:120px;
            }
            .demo-gallerys > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:120px;
            }



















}















/*---START tablet---*/
@media (min-width: 768px)  and (max-width: 992px) {

/*---Header---*/




	
/*---Header---*/

.top{width:100%;height:auto;float:left;background:none;float:left;overflow:hidden;padding:0px 0px 30px 0px;border-bottom:4px solid #ddd;border-top:4px solid #0065CC}
.header{width:100%;height:auto;background:#fff;float:left;border-bottom:6px solid #D8D8D8}
.top_container{width:100%;height:auto;margin:0px auto}
.top_container p{display:block;margin:0px 0px 10px 0px;padding:0px;height:auto;line-height:30px;color:#666;float:left;width:100%;text-align:center}
.logo a{width:268px;height:133px;background:url(../images/logo.png)no-repeat;display:block;text-indent:-9999px;padding:0px;margin:35px auto 0px auto;float:none}



.social-media{width:144px;height:50px;float:none;margin:0px auto}
.social-media ul{display:block;margin:0px;padding:0px;}
.social-media ul li a{display:block;margin:0px;padding:0px;float:left;margin:0px 4px}

.facebook a{width:38px;height:50px;background:url(../images/icon/facebook.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #3A589B;border-right:2px solid #3A589B;transition-duration:0.3s}
.facebook a:hover{border-left:2px solid #2E4478;border-right:2px solid #2E4478}

.twitter a{width:38px;height:50px;background:url(../images/icon/twitter.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #598DCA;border-right:2px solid #598DCA;transition-duration:0.3s}
.twitter a:hover{border-left:2px solid #B5CCE8;border-right:2px solid #B5CCE8}

.youtube a{width:38px;height:50px;background:url(../images/icon/youtube.png)no-repeat;display:block;text-indent:-9999px;border-left:2px solid #CF3427;border-right:2px solid #CF3427;transition-duration:0.3s}
.youtube a:hover{border-left:2px solid #7E2018;border-right:2px solid #7E2018}


.action_bar{width:100%;height:50px;float:right;margin:0px 0px 0px 0px}
.action_bar h1{display:block;margin:10px 0px 0px 0px;padding:0px;line-height:30px;font-size:14px;color:#666;float:left;font-weight:600;text-align:center;width:100%;}
.action_bar h1:before{display:block;margin:15px auto 12px auto;padding:0px;float:none;content:"";background:url(../images/icon/phone1.png)no-repeat;width:20px;height:20px;display:none}

.action_bar h2{display:block;margin:0px;padding:0px;line-height:30px;font-size:14px;color:#666;float:left;font-weight:600;text-align:center;width:100%;overflow:hidden}
.action_bar h2:before{display:block;margin:15px auto 12px auto;padding:0px;float:none;content:"";background:url(../images/icon/call.png)no-repeat;width:20px;height:20px;display:none}

.action_bar span{display:block;margin:8px 20px 8px 40px;padding:0px;float:left;background:url(../images/lines.png)no-repeat;width:8px;height:34px;display:none}


.mmenu a{width:100%; height:50px;  cursor:pointer; line-height:50px; background:#333; display:block;float:left;margin:40px 0px 0px 0px}
.mmenu a h4{font-size:18px; color:#fff; font-weight:500; margin:0; margin-left:25px; height:50px; line-height:50px; float:left;}
.mmenu a:after{width:34px; height:19px; float:right; margin-right:20px; margin-top:15px; content:""; background:url(../images/icon/list.png) no-repeat;}

.menu{width:100%;float:right;height:auto;margin:0px 0px 0px 0px;position:relative;left:0;background:#0166CC}
.menu>ul{display:block;margin:0px;padding:0px;display:none}
.menu>ul>li>a{display:block;margin:0px;padding:0px 0px;float:left;font-size:15px;color:#fff;font-weight:500;line-height:50px;transition-duration:0.1s;width:100%;text-indent:15px;border-bottom:1px solid #0157AD}
.menu>ul>li>a:hover{color:#fff;border-bottom:1px solid #0152A3;background:#0157AD}
.menu span{display:block;margin:0px 0px 0px 4px;padding:0px;float:left;background:url(../images/line.png)no-repeat;width:11px;height:86px;display:none}

.menu>ul> li> ul:before{content:""; width:20px; height:9px;  position:relative; z-index:666; display:none; background:url(../images/arrow.png) no-repeat; margin:-9px 0px 0px 15px}
.menu>ul> li:hover ul:before{display:block;}
.menu>ul> li> ul {display:none;width:100%; position:relative; z-index:11; top:0px; left:0px;float:left;transition-duration:0.8s;padding:0px 0px 10px 0px;background:#00B085;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.menu>ul> li:hover ul{display:block;}
.menu>ul> li> ul> li{width:100%; list-style:none;}
.menu>ul> li> ul> li> a{display:block; height:40px; line-height:40px; color:#fff; font-size:14px;margin-top:5px;cursor:pointer;border-bottom:1px solid #009D76}
.menu>ul> li> ul> li> a:before{content:""; width:10px; height:10px; margin:16px 10px 0px 10px; float:left; background:url(../images/menus.png)no-repeat;transition-duration:0.3s}
.menu>ul> li> ul> li> a:hover{ color:#fff;border-bottom:1px solid #fff}
.menu>ul> li> ul> li> a:hover:before{background:url(../images/menus.png)0px -10px no-repeat;}



.left  span{background:url(../images/icon/lefts.png)no-repeat; width:36px; height:36px; position:absolute;  left:30px; top:46%; z-index:555; }
.right span{background:url(../images/icon/rights.png)no-repeat; width:36px; height:36px; position:absolute;  right:30px; top:46%; z-index:555;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;height:150px
}

/*---Content---*/

.reset{width:100%;height:auto;float:left}
.container{width:100%;height:auto;margin:20px 0px 0px 0px;float:left;z-index:2;padding:0px;position:relative;overflow;hidden}


/*---Slider Bottom---*/

.bottom{width:100%;height:auto;margin:0px auto 30px auto;position:relative;z-index:11;padding:0px;display:none}

.center{width:50px;height:20px;margin:0px auto;overflow:hidden;display:none}
.center span{display:block;margin:0px;padding:0px;display:none}

.nright a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #ccc;border-radius:50px;display:none}
.nright a:hover{border:2px solid #0153A5}

.nleft a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #0153A5;border-radius:50px;display:none}
.nleft a:hover{border:2px solid #0153A5}

/*---CAROUSEL---*/

.bottoms{width:246px;height:auto;margin:0px auto 30px auto;position:relative;z-index:11;padding:0px;display:block}
.bottoms ul{display:block;margin:0px;padding:0px;overflow:hidden}
.bottoms ul li{display:block;margin:0px auto 20px auto;padding:0px;width:246px;height:390px;float:none;overflow:hidden}
.bottoms ul li a{display:block;margin:0px auto 20px auto;padding:0px;width:246px;height:390px;background:#FBFBFB;float:none;border:1px solid #CCCCCC}
.bottoms ul>li>a>img{display:block;padding:0px;margin:12px auto 0px auto;width:218px;height:166px;position:relative;z-index:10;overflow:hidden}
.icon-hizmet{width:50px;height:50px;border:2px solid #fff;border-radius:50px;background:#0153A5;position:relative;z-index:11;margin:-25px auto 10px auto}
.icon-hizmet>img{width:30px;height:30px;display:block;margin:10px auto;padding:0px;}
.bottoms ul li a h1{display:block;padding:0px;margin:0px;font-size:17px;color:#2A4675;margin:0px 0px 0px 0px;font-weight:600;text-align:center}
.bottoms ul li p{display:block;padding:0px;font-size:14px;color:#444;margin:10px auto 0px auto;font-weight:500;width:220px;overflow:hidden;height:64px;text-align:center}
.bottoms ul li a h5{width:150px;height:40px;background:url(../images/detay.png)repeat-y;margin:10px auto;line-height:40px;color:#fff;font-size:13px;font-weight:600;text-indent:10px;border-radius:4px;transition-duration:0.3s}
.bottoms ul li a h5:after{width:13px;height:17px;background:url(../images/icon/arrow.png)no-repeat;content:"";float:right;margin:10px 6px}
.bottoms ul li a h5:hover{background:url(../images/detays.png)repeat-y}

.centers{width:140px;height:20px;margin:0px auto;overflow:hidden;display:block;}
.centers span{display:block;margin:0px;padding:0px;display:block}

.nrights a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #ccc;border-radius:50px}
.nrights a:hover{border:2px solid #0153A5}

.nlefts a{display:block;text-indent:-9999px;width:15px;height:15px;margin:0px 4px;float:left;border:2px solid #0153A5;border-radius:50px}
.nlefts a:hover{border:2px solid #0153A5}


/*---Colored---*/


.colored{width:100%;height:auto;background:none;float:left;margin:0px 0px 20px 0px;overflow:hidden}
.colors{width:100%;height:auto;margin:0px auto;padding:0px}
.blog{width:100%;float:left;margin:0px 0px  20px 0px;background:url(../images/blue.png)repeat}
.blog h1{display:block;margin:40px auto 10px auto;padding:0px;color:#fff;font-weight:600;font-size:26px;text-align:center;width:98%}
.blog>p{display:block;margin:0px auto 20px auto;padding:0px;color:#fff;font-weight:500;font-size:14px;text-align:Center;overflow:hidden;width:98%}
.blog>p:after{display:block;padding:0px;content:"";margin:20px auto;width:120px;height:3px;background:#fff}

.blog ul{display:block;margin:0px;padding:0px}
.blog ul li a{display:block;margin:0px 0px 20px 0px;padding:0px 0px 10px 0px;width:50%;border-bottom:1px solid #34628B;float:left}
.blog ul li a:hover{border-bottom:1px solid #98BAD8}
.blog-photo{width:115px;height:96px;background:url(../images/blog.png)no-repeat;float:none;margin:0px auto 0px auto}
.blog-photo img{width:98px;height:77px;float:left;display:block;padding:0px;margin:9px 8px}
.blog ul li a h1{display:block;margin:10px auto;padding:0px;font-size:16px;color:#fff;float:left;width:98%;text-align:center}
.blog ul li a p{display:block;margin:0px auto;padding:0px;font-size:14px;color:#fff;width:98%;text-align:center}

.blog-detay a{height:50px; color:#fff; line-height:46px; padding:0px 0px;display:block;margin:30px auto 20px auto;width:170px;border:2px solid #fff;background:none;font-weight:600;border-radius:4px;transition-duration:0.2s;text-align:center;overflow:hidden}
.blog-detay a:hover{background:#fff;border:2px solid #0C3A69;color:#0C3A69;}
.clean{width:100%;float:left}

.teklif{width:100%;float:left;margin:0px 0px  20px 0px;background:url(../images/green.png)repeat;padding:0px 1%}

.teklif h1{display:block;margin:40px 0px 10px 0px;padding:0px;color:#fff;font-weight:600;font-size:26px;text-align:center}
.teklif>p{display:block;margin:0px 0px 20px 0px;padding:0px;color:#fff;font-weight:500;font-size:14px;text-align:Center;overflow:hidden}
.teklif>p:after{display:block;padding:0px;content:"";margin:20px auto 0px auto;width:120px;height:3px;background:#fff}
.forms{width:100%;height:auto;}

.fboxbutton{height:50px; color:#fff; line-height:46px; padding:0px 0px;display:block;margin:0px auto 20px auto;float:none;width:170px;border:2px solid #fff;background:none;font-weight:600;border-radius:4px;transition-duration:0.2s;text-align:center;}
.fboxbutton:hover{background:#fff;border:2px solid #0A8365;color:#077A5E;cursor:pointer}


.galeries{width:98%;height:auto;margin:0px auto;overflow:hidden}
.galeries h1{display:block;margin:40px 0px 10px 0px;padding:0px;color:#333;font-weight:600;font-size:26px;text-align:center}
.galeries>p{display:block;margin:0px 0px 20px 0px;padding:0px;color:#333;font-weight:500;font-size:14px;text-align:Center;overflow:hidden}
.galeries>p:after{display:block;padding:0px;content:"";margin:20px auto;width:120px;height:3px;background:#333}

.gallerys a{width:200px;height:50px;border:2px solid #0052A5;margin:30px auto 40px auto;border-radius:4px;text-align:center;color:#333;font-size:15px;font-weight:600;line-height:44px;display:block;transition-duration:0.3s;overflow:hidden}
.gallerys a:hover{border:2px solid #0052A5;border-radius:4px;color:#fff;background:#0052A5;}




.footer{width:100%;height:auto;background:url(../images/blue.png)repeat;float:left;margin:20px 0px 0px 0px}
.footers{width:100%;height:auto;margin:0px auto}

.f-column1{width:100%;height:260px;float:left}
.f-logo a{width:268px;height:84px;float:none;display:block;margin:60px auto 20px auto ;padding:0px;background:url(../images/f-logo.png)no-repeat;text-indent:-9999px}
.f-column1 p{width:40%;height:auto;display:block;margin:0px auto;padding:0px;font-size:13px;color:#ACD2F9;text-align:center}


.f-column2{width:250px;height:250px;float:left;margin:30px 12px 10px 12px;padding:0px 25px;border-right:1px solid #0D4277;display:none}
.f-column2 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column2 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column2 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column2 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column2 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column2 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.f-column3{width:230px;height:250px;float:left;margin:30px 12px 10px 12px;border-right:1px solid #0D4277;padding:0px 25px;display:none}
.f-column3 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column3 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column3 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column3 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column3 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column3 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.f-column4{width:250px;height:250px;float:none;padding:0px 0px;margin:30px auto 10px auto;border:1px solid red;overflow:hidden;display:none}
.f-column4 h1{display:block;margin:30px 0px 10px 0px;padding:0px;width:100%;float:left;font-size:17px;font-weight:600;color:#fff}
.f-column4 ul{display:block;margin:0px;padding:0px;float:left;width:100%}
.f-column4 ul li a{display:block;margin:0px;padding:0px;width:100%;height:36px;line-height:36px;font-size:14x;color:#ACD2F9;float:left;}
.f-column4 ul li a:before{display:block;margin:14px 10px 0px 0px;padding:0px;width:10px;height:10px;background:url(../images/before.png)no-repeat;content:"";float:left;transition-duration:0.3s}

.f-column4 ul li a:hover{ color:#fff;border-bottom:1px solid #fff}
.f-column4 ul li a:hover:before{background:url(../images/before.png)0px -10px no-repeat;}


.footer-bottom{width:100%;height:130px;margin:0px auto 0px auto;float:left}
.footer-bottom p{display:block;margin:0px 0px;padding:0px;font-size:13px;color:#ccc;line-height:30px;float:none;text-align:center}


.mornet a{width:115px;height:37px;background:url(../images/mornet.png)no-repeat;float:none;display:block;margin:6px auto 0px auto;padding:0px;text-indent:-9999px;transition-duration:0.3s}
.mornet a:hover{background:url(../images/mornet.png)0px -37px no-repeat;}






/* ---------------------- SAYFA İÇLERİ ------------------------------------------------------ */


.subheader{width:100%;height:auto;background:url(../images/subheader.png)no-repeat center center;float:left;border-bottom:6px solid #D8D8D8;padding:0px 0px}
.subheaders{width:100%;height:auto;margin:0px auto}
.subheaders h1{display:block;margin:0px;padding:30px 0px 50px 0px;line-height:30px;color:#fff;font-weight:600;font-size:28px;float:left;width:94%;text-align:Center}
.subheaders h1:before{display:block;margin:20px auto 20px auto;padding:0px;width:30px;height:30px;background:url(../images/icon/home.png)no-repeat;content:"";float:none}


.page{width:96%;height:auto;margin:0px auto 20px auto}

.sidebar{width:270px;height:auto;margin:0px auto 30px auto;float:none;background:#0065CC;padding:10px;overflow:hidden;display:none}

.side-tittle{width:100%;height:60px;float:left;background:#005BB7}
.side-tittle h1{display:block;margin:0px;padding:0px;font-size:22px;font-weight:600;color:#fff;line-height:60px;float:left;}
.side-tittle h1:before{display:block;margin:0px;padding:0px;background:url(../images/icon/hizmet.png)no-repeat;content:"";float:left;width:26px;height:26px;margin:17px}

.sidebar ul{display:block;margin:0px;padding:0px}
.sidebar ul li{display:block;margin:0px;padding:0px;width:100%;height:46px;float:left;border-bottom:1px solid #0052A4;transition-duration:0.3s}
.sidebar ul li:hover{border-bottom:1px solid #C4E1FF}
.sidebar ul li a{display:block;margin:0px;padding:0px;color:#fff;font-size:14px;line-height:46px;float:left}
.sidebar ul li a:hover{color:#C4E1FF}
.sidebar ul li a:before{display:block;margin:18px 10px 6px 6px;padding:0px;background:url(../images/icon/side.png)no-repeat;content:"";width:10px;height:10px;float:left;transition-duration:0.3s}
.sidebar ul li a:hover:before{background:url(../images/icon/side.png)0px -10px no-repeat;}

.content{width:100%;height:auto;float:left;margin:20px 0px 40px 0px}
.content p{display:block;margin:0px;padding:0px;line-height:26px}
.content li{line-height:30px}



.blog-list {width:100%;height:auto;float:left;margin:0px;padding:0px}
.blog-list ul{display:block;margin:30px 0px 0px 0px;padding:0px;}
.blog-list ul li a{display:block;margin:20px auto 20px auto;padding:0px 0px 10px 0px;border-bottom:1px solid #ccc;float:left;width:100%}
.blog-list ul li a:hover{border-bottom:1px solid #98BAD8}
.blog-list-photo{width:115px;height:96px;background:url(../images/blog-list.png)no-repeat;float:none;margin:0px auto 0px auto}
.blog-list-photo img{width:98px;height:77px;float:left;display:block;padding:0px;margin:9px 12px 9px 6px}
.blog-list ul li a h1{display:block;margin:10px 0px 10px 0px;padding:0px;font-size:18px;color:#005CB9;float:left;width:100%;text-align:center;font-weight:600}
.blog-list ul li a p{display:block;margin:0px auto;padding:0px;font-size:13px;color:#333;width:96%;text-align:center}




.blog-ic{width:100%;height:auto;float:left;margin:0px 0px 30px 0px}
.blog-ic img{float:left;display:block;margin:20px 0px;width:100%;height:auto;border:6px solid #d8d8d8}
.blog-ic h5{display:block;margin:20px 0px;padding:0px;width:100%;font-size:16px;font-weight:600;color:#005CB9}
.blog-ic p{display:block;margin:0px;padding:0px;width:100%;font-size:14px;font-weight:500;color:#444}


.contact{width:100%;height:auto;margin:0px;padding:0px;}
.contact h1{display:block;margin:0px 20px 20px 0px;padding:0px;width:100%;height:auto;font-size:24px;font-weight:600;color:#333}

.contact ul{display:block;margin:0px 0px 20px 0px;padding:0px;float:left;width:100%;}
.contact ul li{display:block;margin:0px;padding:0px;float:left;width:100%;border-bottom:1px solid #d8d8d8;height:60px;line-height:60px}


.adres{display:block;margin:0px;padding:0px;font-size:15px;color:#333;float:left}
.adres:before{display:block;margin:15px;padding:0px;float:left;width:30px;height:30px;content:"";background:url(../images/icon/location.png)no-repeat}


.tel{display:block;margin:0px;padding:0px;font-size:15px;color:#333;float:left}
.tel:before{display:block;margin:15px;padding:0px;float:left;width:30px;height:30px;content:"";background:url(../images/icon/tel.png)no-repeat}

.gsm{display:block;margin:0px;padding:0px;float:left;font-size:15px;color:#333}
.gsm:before{display:block;margin:15px;padding:0px;float:left;content:"";background:url(../images/icon/tels.png)no-repeat;width:30px;height:30px;}

.email{display:block;margin:0px;padding:0px;float:left;font-size:15px;color:#333}
.email:before{display:block;margin:15px;padding:0px;float:left;content:"";background:url(../images/icon/mails.png)no-repeat;width:30px;height:30px;}






/* ---------------------- ANASAYFA GALERİ ------------------------------------------------------ */

            .demo-gallery {
              margin-bottom: 0; margin:20px auto 20px auto; padding:0;width:98%;display:block
            }



            .demo-gallery > ul {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block
            }
            .demo-gallery > ul > li {
                float: left;
                margin:2px 1% 6px 1%;
                width: 23%;
				height:150px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:150px;
            }




/* ---------------------- SAYFA GALERİ ------------------------------------------------------ */

            .demo-gallerys {
              margin-bottom: 0; margin:20px auto 20px auto; padding:0;width:100%;display:block
            }



            .demo-gallery > ul {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block
            }
            .demo-gallerys > ul > li {
                float: left;
                margin:2px 1% 6px 1%;
                width: 23%;
				height:120px;
            }
            .demo-gallerys > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:120px;
            }

















}
/*---END tablet---*/
		
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)  and (max-width: 1200px) {
	.container{width:100%; margin:0px auto; }

}



/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  and (max-width: 1600px){




	}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px)  and (max-width: 1900px){




	}